<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/productlist.css">
    <link rel="stylesheet" href="../css/slider.css">
    <!-- 引入jq -->
    <script src="../lib/jquery.min.js"></script>
    <!-- 引入插件 -->
    <script src="../lib/jquery.slidebox.js"></script>
    <script src="../js/productlist.js"></script>

</head>

<body>
    <!-- 头部开始 -->
    <div class="head ">
        <div class="head-top container-fluid">
            <div class="container">
                <div class="fl">legochina. cn</div>
                <div class="fr">欢迎光临<a href="">乐购</a>,请<a href="">登录\</a><a href="">注册</a></div>
                <h1><img src="../imgs/img/LOGO_02.jpg" alt=""></h1>
            </div>
        </div>
        <div class="head-con container clearfix">
            <div class="fr">
                <a href="#"><span>购物车 3</span></a>
                <a href="#">我的订单</a>
            </div>
            <div class="fr">
                <input type="submit" value="" class="fr">
                <input type="text" value="创意文具" class="search fr">
            </div>


        </div>
        <div class="head-nav container clearfix">

            <ul class="fr">
                <li><a>图书</a></li>
                <li><a>电子书</a></li>
                <li><a>原创文学</a></li>
                <li><a>服装</a></li>
                <li><a>运动户外</a></li>
                <li><a>孕婴童</a></li>
                <li><a>家居用品</a></li>
                <li><a>创意文具</a></li>
                <li><a>地方特产</a></li>
                <li><a>海外淘</a></li>
                <li><a>电器城</a></li>
            </ul>
        </div>


    </div>
    <!-- 轮播图开始 -->
    <div class="slider container clearfix">
        <!-- 轮播图左边 -->
        <div class="fl left-slider clearfix">
            <div class="slide fl">
                <div class="pptbox " id="lslider">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../imgs/img//banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/img//banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/img//banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/img//banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/img//banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>

            </div>

        </div>

        <!-- 轮播图右边 -->
        <div class=" fl right-slider clearfix">
            <div>
                <h3>新书畅销榜</h3>
                <div>
                    <ul>
                        <li>
                            <span>1</span>
                            <h4 class="on">从你的全世界路过</h4>
                            <div class="clearfix active">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或

                                </p>
                            </div>
                        </li>
                        <li>
                            <span>2</span>
                            <h4>从你的全世界路过</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或

                                </p>
                            </div>
                        </li>
                        <li>
                            <span>3</span>
                            <h4>从你的全世界路过</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或

                                </p>
                            </div>
                        </li>
                        <li>
                            <span>4</span>
                            <h4>从你的全世界路过</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或

                            </div>
                        </li>
                        <li>
                            <span>5</span>
                            <h4>从你的全世界路过</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或

                                </p>
                            </div>
                        </li>
                        <li>
                            <span>6</span>
                            <h4>从你的全世界路过</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或

                                </p>
                            </div>
                        </li>
                        <li>
                            <span>7</span>
                            <h4>从你的全世界路过</h4>
                            <div class="clearfix">
                                <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                <p>红红火火恍恍惚惚或或或或或

                                </p>
                            </div>
                        </li>
                    </ul>
                </div>



            </div>
        </div>
        <img src="../imgs/img/123.png" alt="">
    </div>
    <!-- 图书折扣区 -->
    <div class="book-discount container mt30">
        <div class="book-discount-top">
            <p>
                乐购·图书折扣区
            </p>

        </div>
        <div class="book-discount-buttom clearfix bt6">
            <ul>
                <li class=" fl active ">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li class=" fl">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li class=" fl">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li class=" fl">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li class=" fl">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li class=" fl">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li class=" fl">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li class=" fl">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li class=" fl">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li class=" fl">
                    <p class="discount-box1 mt10"><img src="../imgs/img/22935553-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
            </ul>

        </div>


    </div>
    <!-- 新书上架区 -->
    <div class="new-book mt30 container">
        <div class="new-book-top">
            <span>新</span>
            <span>书上架</span>
        </div>
        <div class="new-book-buttom bt6 clearfix">
            <ul class="new-left fl">
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                </li>
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                </li>
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                </li>
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                </li>
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                </li>
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                </li>
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                </li>
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                </li>
                <li>
                    <p class="discount-box1 mt10"><img src="../imgs/img/22928335-1_l.jpg" alt=""></p>
                    <p class="discount-box2"><img src="../imgs/img/222.png" alt=""></p>
                    <p class="discount-box3">白夜行 东野圭吾</p>
                    <div>
                        <span> 推荐：</span>
                        <img src="../imgs/img/333.png" alt="">
                        <p class="discount-box5">&yen; :38 &emsp;<del>&yen; :58</del></p>
                    </div>
                </li>
                </li>
            </ul>
            <div class="book-right fr">
                <div>
                    <h3>主编推荐</h3>
                    <div>
                        <ul> 
                            <li>
                                <span>1</span>
                                <h4 class="on">就喜欢你看不惯我 又干不掉我的样子</h4>
                                <div class="clearfix active">
                                    <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                    <p>红红火火恍恍惚惚或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或不合适吧
                                    </p>
                                </div>
                            </li>
                            <li>
                                <span>2</span>
                                <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                                <div class="clearfix">
                                    <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                    <p>红红火火恍恍惚惚或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或不合适吧
                                    </p>
                                </div>
                            </li>
                            <li>
                                <span>3</span>
                                <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                                <div class="clearfix">
                                    <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                    <p>红红火火恍恍惚惚或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或不合适吧
                                    </p>
                                </div>
                            </li>
                            <li>
                                <span>4</span>
                                <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                                <div class="clearfix">
                                    <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                    <p>红红火火恍恍惚惚或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或不合适吧
                                    </p>
                                </div>
                            </li>
                            <li>
                                <span>5</span>
                                <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                                <div class="clearfix">
                                    <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                    <p>红红火火恍恍惚惚或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或不合适吧
                                    </p>
                                </div>
                            </li>
                            <li>
                                <span>6</span>
                                <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                                <div class="clearfix">
                                    <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                    <p>红红火火恍恍惚惚或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或不合适吧
                                    </p>
                                </div>
                            </li>
                            <li>
                                <span>7</span>
                                <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                                <div class="clearfix">
                                    <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                    <p>红红火火恍恍惚惚或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或不合适吧
                                    </p>
                                </div>
                            </li>
                            <li>
                                <span>8</span>
                                <h4>就喜欢你看不惯我 又干不掉我的样子</h4>
                                <div class="clearfix">
                                    <img class="fl" src="../imgs/img/index08_05.jpg" alt="">
                                    <p>红红火火恍恍惚惚或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或或或或
                                        或或或或或或或或或或不合适吧
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
    
                </div> 
            </div>

        </div>
        

    </div>
    <!-- 独家提供 -->
    <div class="book-discount container mt30 clearfix">
        <div class="new-book-top">  
            <span>独</span>
            <span>家提供</span>
            <!-- <div class="fr" >
                <p class="fl">货币金融</p>
                <p class="fl">社会文学</p>
                <p class="fl">科学技术</p>
                <p class="fl">儿童文学</p>
                <p class="fl">教学参辅</p>
                <p class="fl">生活</p>
                <p class="fl">小说</p>
            </div> -->
        </div>
        <div class="fl left-slider clearfix bt6">
            <div class="slide fl">
                <div class="pptbox " id="lslider2">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <div class="book-discount-top container mt30 ">
            
                                    <div class="goods-buttom">
                                        <ul class="clearfix">
                                            <li class="active">
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                            
                            
                                        </ul>
                            
                                    </div>
                            
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="book-discount-top container mt30 ">
            
                                    <div class="goods-buttom">
                                        <ul class="clearfix">
                                            <li class="active">
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                            
                            
                                        </ul>
                            
                                    </div>
                            
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="book-discount-top container mt30 ">
            
                                    <div class="goods-buttom">
                                        <ul class="clearfix">
                                            <li class="active">
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                            
                            
                                        </ul>
                            
                                    </div>
                            
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="book-discount-top container mt30 ">
            
                                    <div class="goods-buttom">
                                        <ul class="clearfix">
                                            <li class="active">
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                            
                            
                                        </ul>
                            
                                    </div>
                            
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="book-discount-top container mt30 ">
            
                                    <div class="goods-buttom">
                                        <ul class="clearfix">
                                            <li class="active">
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                                            <li>
                                                <p> <img src="../imgs/img/333.jpg" alt=""></p>
                                                <p>查尔 史密斯</p>
                                                <p>中国邮政出版社</p>
                                                <p>&yen;49</p>
                                            </li>
                            
                            
                                        </ul>
                            
                                    </div>
                            
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>

            </div>

        </div>

        <!-- <div class="book-discount-top container mt30 ">
            
            <div class="goods-buttom">
                <ul class="clearfix">
                    <li class="active">
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
                    <li>
                        <p> <img src="../imgs/img/333.jpg" alt=""></p>
                        <p>查尔 史密斯</p>
                        <p>中国邮政出版社</p>
                        <p>&yen;49</p>
                    </li>
    
    
                </ul>
    
            </div>
    
        </div>
         -->

        
       

    </div>


    

    <!-- 页脚开始 -->
    <div class="footer mt30 mb40px">
        <div class="footer-top bb6">

        </div>
        <div class="footer-bottom">
            <div class="bot-one">
                <div>
                    <img src="../imgs/img/222_11.png" alt="">
                    <img src="../imgs/img/222_13.png" alt="">
                    <img src="../imgs/img/222_15.png" alt="">
                    <img src="../imgs/img/222_17.png" alt="">
                </div>
            </div>
            <div class="bot-two container">
                <ul class="clearfix">
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                    <li>
                        <h3>购物指南</h3>
                        <p><a>购物流程</a></p>
                        <p><a>发票制度</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>账户管理</a></p>
                        <p><a>会员优惠</a></p>
                    </li>
                </ul>
            </div>
            <div class="bot-three container">
                <p>
                    <span>公司简介&emsp;|</span>
                    <span>inverstor relations&emsp;|</span>
                    <span>网站联盟&emsp;|</span>
                    <span>乐购招商&emsp;|</span>
                    <span>机构销售&emsp;|</span>
                    <span>手机乐购&emsp;|</span>
                    <span>官方blog&emsp;|</span>
                    <span>热词搜索&emsp;|</span>
                </p>
                <p>乐购网 2004-2016</p>
            </div>
        </div>

    </div>

</body>

</html>